// page/index/index.js

const app = getApp()






Page({

    /**
     * 页面的初始数据
     */
    data: {

        liwuhe:[],
        // liwuhe:[
        //     {
        //         "id":1,
        //         "wenzi":'新品首晒'
        //     },
        //     {
        //         "id":2,
        //         "wenzi":'高端定制'
        //     },
        //     {
        //         "id":3,
        //         "wenzi":'会员中心'
        //     },
        //     {
        //         "id":4,
        //         "wenzi":'全部分类'
        //     }
        // ],


        guanggao:[],
        // guanggao:[
        //     {
        //         "id":1,
        //         "wenzi":'简雅新中式，极致的东方惊艳！'
        //     },
        //     {
        //         "id":2,
        //         "wenzi":'关注哔哩哔哩赵小天咯！'
        //     },
        //     {
        //         "id":3,
        //         "wenzi":'贪玩火影，是兄弟，就来砍我！'
        //     }
        // ],
        newsIndex:0,
        newstimer:null,
        top:0,
        transform:'transform 1s',


        background:[],
        // background: [
        //     {
        //         "id":1,
        //         "src":'http://tiebapic.baidu.com/forum/w%3D580/sign=4ccae82d86fdfc03e578e3b0e43e87a9/74dcd6fc1e178a823d376173b303738dab77e8d1.jpg',
        //         "path":'https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html'
        //     },
        //     {
        //         "id":2,
        //         "src":'http://tiebapic.baidu.com/forum/w%3D580/sign=4ccae82d86fdfc03e578e3b0e43e87a9/74dcd6fc1e178a823d376173b303738dab77e8d1.jpg',
        //         "path":''
        //     },
        //     {
        //         "id":3,
        //         "src":'http://tiebapic.baidu.com/forum/w%3D580/sign=4ccae82d86fdfc03e578e3b0e43e87a9/74dcd6fc1e178a823d376173b303738dab77e8d1.jpg',
        //         "path":''
        //     }
        // ],
        indicatorDots: true,
        vertical: false,
        autoplay: true,
        interval: 4000,
        duration: 500 ,

        tupian:[],
        // tupian:[
        //     {
        //         "id":1,
        //         "img":'../../image/shouye/zu442x.png',
        //         "wenzi":'新品首晒，限时9.8折！'
        //     },
        //     {
        //         "id":2,
        //         "img":'http://tiebapic.baidu.com/forum/w%3D580/sign=7b35b9a69388d43ff0a991fa4d1fd2aa/7c78a0014a90f603f4bb82947c12b31bb251edd1.jpg',
        //         "wenzi":'畅销家具'
        //     },
        //     {
        //         "id":3,
        //         "img":'../../image/shouye/zu452x.png',
        //         "wenzi":'精品高端定制'
        //     },
        //     {
        //         "id":4,
        //         "img":'../../image/shouye/zu462x.png',
        //         "wenzi":'各大家居品牌'
        //     }
        // ],
        beijin:'../../image/shouye/juxin2x.png',
        chakan:'查看详情',
        chakan1:'../../image/shouye/lujin2x.png',
        chakan2:'../../image/shouye/duobian2x.png',
        pageNum:1,
        total:0,
        loding:''

    },



sendCode(){//加载主轮播图
    return new Promise((resolve,reject)=>{
        let that = this;
        wx.$https.get('/index/banners').then((res)=>{
            that.setData({
                background:res
            })  
            resolve()
        })
        // wx.request({
        //    url: 'https://obuge.com/juzao/index/banners', //仅为示例，并非真实的接口地址
        //    success: (res)=> {
        //     //  console.log(res)
        //      that.setData({
        //        background:res
        //    })  
        //    resolve()
        //    }
        //  })
    })
    
     /*let timer = setTimeout(() => {
         console.log('轮播图加载完成')
        let lunbo =  [
            {
                "id":1,
                "src":'http://tiebapic.baidu.com/forum/w%3D580/sign=4ccae82d86fdfc03e578e3b0e43e87a9/74dcd6fc1e178a823d376173b303738dab77e8d1.jpg',
                "path":'https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html'
            },
            {
                "id":2,
                "src":'http://tiebapic.baidu.com/forum/w%3D580/sign=4ccae82d86fdfc03e578e3b0e43e87a9/74dcd6fc1e178a823d376173b303738dab77e8d1.jpg',
                "path":''
            },
            {
                "id":3,
                "src":'http://tiebapic.baidu.com/forum/w%3D580/sign=4ccae82d86fdfc03e578e3b0e43e87a9/74dcd6fc1e178a823d376173b303738dab77e8d1.jpg',
                "path":''
            }
        ];
            that.setData({
                background:lunbo 
            })    
     }, 1500)*/
},  

liwuhejiazai(){//加载礼物盒
    return new Promise((resolve,reject)=>{
        let that = this;
        wx.$https.get('/index/categorys').then((res)=>{
                that.setData({
                    liwuhe:res
                })
                resolve()        
                //reject('错误')
        })
    //  wx.request({
    //     url: 'https://obuge.com/juzao/index/categorys', //仅为示例，并非真实的接口地址
    //     success: (res)=> {
    //       console.log(res)
    //       that.setData({
    //         liwuhe:res
    //     })  
    //     resolve()
    //     }
    //   })
    })
    
    // setTimeout(()=>{
    //     let liwuhe1 = [
    //         {
    //             "id":1,
    //             "wenzi":'新品首晒'
    //         },
    //         {
    //             "id":2,
    //             "wenzi":'高端定制'
    //         },
    //         {
    //             "id":3,
    //             "wenzi":'会员中心'
    //         },
    //         {
    //             "id":4,
    //             "wenzi":'全部分类'
    //         }
    //     ]
    //     console.log('礼物盒加载完成')
    //     this.setData({
    //         liwuhe:liwuhe1
    //     })
    // },1700)
},

lunboguanggao(){//加载轮播广告
    return new Promise((resolve,reject)=>{
        wx.$https.get('/index/news').then((res)=>{   
            // console.log(res)  
            this.setData({
                guanggao:res
            })  
            this.shangxialunbo() //轮播广告播放 
            resolve()
        })
    })
   
    
    // let that = this;
    //  wx.request({
    //     url: 'https://obuge.com/juzao/index/news', //仅为示例，并非真实的接口地址
    //     success: (res)=> {
    //       console.log(res)
    //       that.setData({
    //         guanggao:res
    //     })  
    //     this.shangxialunbo() //轮播广告播放
    //     }
    //   })
    // let that = this;
    // let timer = setTimeout(() => {
    //     console.log('轮播广告加载完成')
    //     let lunbo =  [
    //         {
    //             "id":1,
    //             "wenzi":'简雅新中式，极致的东方惊艳！'
    //         },
    //         {
    //             "id":2,
    //             "wenzi":'关注哔哩哔哩赵小天咯！'
    //         },
    //         {
    //             "id":3,
    //             "wenzi":'贪玩火影，是兄弟，就来砍我！'
    //         },
    //         {
    //             "id":4,
    //             "wenzi":'简雅新中式，极致的东方惊艳！'
    //         }
    //     ]
    //     that.setData({
    //         guanggao:lunbo 
    //     }) 
    // this.shangxialunbo() //轮播广告播放
    // }, 2000)
},

changenews(){//广告切换播放
    if(this.data.newstimer){
        clearInterval(this.data.newstimer)
        this.data.newstimer=0
    }
    this.data.newstimer = setInterval(()=>{
    let newsIndex1 = this.data.newsIndex
    newsIndex1 ++
    if(newsIndex1==this.data.guanggao.length) newsIndex1=0
    this.setData({
        newsIndex:newsIndex1
    }) 
    },2000)
},

shangxialunbo(){//上下轮播广告
    if(this.data.newstimer){
        console.log("普通清除定时器成功")
        clearInterval(this.data.newstimer)
        this.setData({
			newstimer: null
		})
    }
    this.data.newstimer = setInterval(()=>{
    let newsIndex1 = this.data.newsIndex
    let top1 = this.data.top
    top1 = top1 - 42
    newsIndex1 ++
    if(newsIndex1==this.data.guanggao.length*2){
        newsIndex1=0 
        top1=0
    } 
    this.setData({
        transform:'transform 1s',
        top:top1,
        newsIndex:newsIndex1
    }) 
    console.log('轮播广告已改变 '+'Y轴位移'+top1+'rpx index:'+newsIndex1)
    if(newsIndex1==2){
        setTimeout(()=>{
            this.setData({
                transform:'',
                top:0,
                newsIndex:0
            }) 
        },1000)
    }
    },4000)
},



zhuyaoneirong(){//加载主要内容
    return new Promise((resolve,reject)=>{
        let that = this;
        this.setData({
            loding:'数据加载中...'
        })
        wx.$https.get('/index/recommends',{pageNum:this.data.pageNum}).then(res=>{
            that.setData({
                loding:'数据加载完成',
                tupian:this.data.tupian.concat(res.rows),
                total:res.total
           })  
           resolve()
        })
        // wx.request({
        //    url: 'https://obuge.com/juzao/index/recommends?pageNum='+this.data.pageNum, //仅为示例，并非真实的接口地址
        //    success: (res)=> {
        //     //  console.log(res)
        //      that.setData({
        //         loding:'数据加载完成',
        //         tupian:this.data.tupian.concat(res.rows),
        //         total:res.total
        //    })  
        //    resolve()
        //    }
        //  })
    })
   
    // setTimeout(()=>{
    //     console.log('主要内容加载完成')
    //     let tupian1 = [
    //         {
    //             "id":1,
    //             "img":'../../image/shouye/zu442x.png',
    //             "wenzi":'新品首晒，限时9.8折！'
    //         },
    //         {
    //             "id":2,
    //             "img":'http://tiebapic.baidu.com/forum/w%3D580/sign=7b35b9a69388d43ff0a991fa4d1fd2aa/7c78a0014a90f603f4bb82947c12b31bb251edd1.jpg',
    //             "wenzi":'畅销家具'
    //         },
    //         {
    //             "id":3,
    //             "img":'../../image/shouye/zu452x.png',
    //             "wenzi":'精品高端定制'
    //         },
    //         {
    //             "id":4,
    //             "img":'../../image/shouye/zu462x.png',
    //             "wenzi":'各大家居品牌'
    //         }
    //     ]
    //     this.setData({
    //         tupian:tupian1
    //     })
    // },2200)
},

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        console.log('I am index onLoad')
        Promise.all([this.sendCode(),this.liwuhejiazai(),this.lunboguanggao(),this.zhuyaoneirong()]).then(()=>{
            console.log('所有数据加载完成')
        }).catch(e=>{
            console.log(e)
            console.log('数据加载失败')
        })
        // this.sendCode()//加载轮播图
        // this.liwuhejiazai()//加载礼物盒
        // this.lunboguanggao()//加载轮播广告
        // this.zhuyaoneirong()//加载内容图片
        
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {
        console.log('I am index onReady')
    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
        console.log('I am index onShow')
    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {
        console.log('I am index onHide')
        if(this.data.newstimer){
            console.log("onHide清除定时器成功")
            clearInterval(this.data.newstimer)
            this.setData({
                newstimer: null
            })
        }
    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {
        if(this.data.newstimer){
            console.log("onUnload清除定时器成功")
            clearInterval(this.data.newstimer)
            this.setData({
                newstimer: null
            })
        }
    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {
        console.log('已触发下拉触底')
        this.data.pageNum=1
        this.data.tupian=[]
        Promise.all([this.sendCode(),this.liwuhejiazai(),this.lunboguanggao(),this.zhuyaoneirong()]).then(()=>{
            wx.stopPullDownRefresh()
            console.log('下拉刷新成功')
        }).catch(e=>{
            // wx.stopPullDownRefresh()
            console.log('下拉刷新失败')
        })
        // this.sendCode()//加载轮播图
        // this.lunboguanggao()//加载轮播广告
        
    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {
        if(this.data.total>this.data.tupian.length){
            this.data.pageNum ++
            this.zhuyaoneirong()
        }
        
        if(this.data.total==this.data.tupian.length){
            this.setData({
                loding:'已经到底了哦~'
            })
        }
        console.log('已触发上拉触底')
    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})